<template>
  <div>
    <top projectName="demo"></top>
    <div class="container-fluid">
      <div class="row">
        <left></left>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
          <router-view/>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import 'bootstrap/dist/css/bootstrap.min.css'
  import '@/assets/common/dashboard.css'

  import 'jquery/dist/jquery.js'
  import 'bootstrap/dist/js/bootstrap.min.js'
  import top from '@/components/Header'
  import left from '@/components/Left'

  export default {
    name: 'main-frame',
    components: {
        "top": top,
        "left": left
    },
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
